<p>Some text</p>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>A normal paragraph here</p>
<ol>
<li>first</li>
<li>second</li>
</ol>
<blockquote>
<p>Some important quote</p>
<p>another paragraph in the quote</p>
</blockquote>
<pre><code>int main() {
    // insert some code
}
</code></pre>
</div>
<p>More text and stuff.</p>
<div class="admonition note">
<p class="admonition-title">Did you know?</p>
<p>You can customize the title of the admonition</p>
</div>
<p>Not part of an Admonition!</p>
<div class="admonition mycustomcssclass">
<p class="admonition-title">And now...</p>
<p>For something completely different.</p>
<p>You can also use a custom CSS class name.</p>
</div>
<div class="admonition class1 class2 class3">
<p class="admonition-title">And now...</p>
<p>For something completely different.</p>
<p>Several class names can be separated by space chars.</p>
</div>
<div class="admonition note anotherclass">
<p class="admonition-title">Note</p>
<p>The default title is the capitalized first class name.</p>
</div>
<div class="admonition tip">
<p>An explicitly empty string prevents the title from being rendered.</p>
</div>
<p>No body:</p>
<div class="admonition note">
<p class="admonition-title">Note</p>
</div>
<p>Extra whitespace after the title should not alter output:</p>
<div class="admonition note">
<p class="admonition-title">Note</p>
</div>